<template>
	<div>
		<div class="boxes">
			<div class="boxes-back vue-flex" @click="back()">
				<img class="boxes-icon" src="../../../assets/img/left.png" alt="">
				<div>返回</div>
			</div>
			
			<div class="boxes-title">{{list.title}}</div>
			
			<div class="boxes-time vue-around">
				<div>发布时间：{{list.createTime}}</div>
			</div>
			<div class="boxes-msg">{{list.content}}</div>
		</div>
	</div>
</template>

<script>
import { affairsDetail } from '../../../network/api';
export default {
	name:"releaseDetail",
	data() {
		return {
			list:{}
		};
	},
	created() {
		
	},
	mounted() {
		let param = {
			infoId: this.$route.query.id
		};
		affairsDetail(param).then(res => {
			// console.log(res.retData);
			this.list = res.retData
		});
	},
	methods: {
		back(){
			this.$router.go(-1);//返回上一层
		}
	}
};
</script>
<style lang="scss" scoped>
.boxes{
	border: 1px solid #eeeeee;
	text-align: left;
	border-top: 2px solid #cc0000;
	// margin: 20px;
}
.boxes-back{
	border-bottom: 1px solid #eeeeee;
	padding:10px 20px;
	color: #CB1C1D;
	font-weight: bold;
}
.boxes-icon{
	width: 25px;
	height: 25px;
	margin-right: 5px;
}
.boxes-title{
	text-align: center;
	padding:15px 20px;
	font-size: 20px;
	font-weight: bold;
}

.boxes-time{
	background-color: #E7E7E7;
	color: #7B6666;
	font-size: 14px;
	padding: 10px 50px;
	margin: 0 55px;
}

.boxes-msg{
	padding: 20px 55px;
	text-align: justify;
	line-height: 160%;
}
</style>
